<template>
      <div class="grid-content">
        <el-row>
          <el-col :span="9" :offset="6">
            <h1 class="title">{{msg}}</h1>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6" class="center">
             <div class="label">手机号：</div>
          </el-col>
          <el-col :span="9">
              <el-input v-model="telNumber"></el-input>
          </el-col>
          <el-col :span="5" class="center">
            <el-button type="text" @click="getMsCode"  class="label" :disabled = isDisabled >{{SMSCodeText}}</el-button>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6" class="center">
            <div class="label">验证码：</div>
          </el-col>
          <el-col :span="9">
            <el-input v-model="codeNumber"></el-input>
          </el-col>
        </el-row>
        <el-row >
          <el-col :span="9" :offset="6">
            <el-button type="primary" class="big-button"   @click="login">登录</el-button>
          </el-col>
          <el-col :span="9" :offset="6">
            <el-button type="primary" class="register-big-button"  @click="dialogTableVisible = true">注册</el-button>
            <div class="login-warin">
              ***如出现图片/视频等无法显示的问题，请安装360极速或者chrome浏览器***
            </div>
            <el-dialog class="barcode"  title="" :visible.sync="dialogTableVisible" >
                <img src="/static/image/116570692.jpg" class="picture">
              <p class="scan_register_step">① 扫码关注“阳光创育者教师支持计划”</p>
              <p class="scan_register_step">② 点击右下角“个人中心”，完善个人信息</p>
              <p class="scan_register_step">③ 在“个人信息”页中填写姓名、手机号等全部信息后，点击“提交”即完成注册</p>

                <p id="picture_text">说明：对本平台中全部内容，您可遵照CC协议BY-NC-SA[署名（BY）-非商业性使用（NC）-相同方式共享（SA）]方式共享。
                  使用过程中发生任何问题，请联系“阳光盒子小秘书”（微信号：sghzxms）</p>
            </el-dialog>
          </el-col>
        </el-row>
      </div>
</template>

<script src="@/js/login.js"></script>
<style scoped src="@/css/login.css" ></style>

